<template>
  <div>
    <div style="height: 30px; line-height: 30px;padding-left: 20px;">
      <h1>协办人调配</h1>
    </div>

    <div style="height: 50px;  line-height: 50px;">
      <span style="float: left;">
        已选客户
      </span>
    </div>
    <div>
      <vx-table
        :tableData="tableData"
        :isSelect="false"
        :columns="columns"
        @multipleSelection="multipleSelection"
        :buttomGroup="buttomGroup"
        @coorganizerDeploy="coorganizerDeploy"
      ></vx-table>
    </div>

    <div style="height: 50px;  line-height: 50px;">
      <span style="float: left;">
        调配协办人信息
      </span>
    </div>

    <div>
      <vx-table
        :tableData="tableDatainfo"
        :isSelect="false"
        :columns="columnsinfo"
        @multipleSelection="multipleSelection"
        :buttomGroup="buttomGroupinfo"
        @coorganizerDeploy="coorganizerDeploy"
      ></vx-table>
    </div>

    <div>
      <ui-button class="primary-btn" @click="searchList(true)" icon="ui-icon-search">返回</ui-button>
      <ui-button class="default-btn" @click="reset" icon="ui-icon-refresh-right">确认</ui-button>
    </div>
  </div>
</template>

<script>
import vxTable from '@/components/vx-table';
export default {
  components: {
    vxTable,
  },
  columns: [
    {
      prop: 'userName',
      label: '客户号',
      fixed: true,
      width: '120',
    },
    {
      prop: 'updatedBy',
      label: '客户名称',
      fixed: true,
    },
    {
      prop: 'updatedBy',
      label: '客户类型',
      fixed: true,
    },

    {
      prop: 'updatedBy',
      label: '所属机构',
      fixed: true,
    },
    {
      prop: 'updatedBy',
      label: '金融资产',
      fixed: true,
    },
    {
      prop: 'updatedBy',
      label: '客户等级',
      fixed: true,
    },
  ], //表头
  tableData: [],
  buttomGroup: [],

  // 调配协办人信息
  buttomGroupinfo: [],
  tableDatainfo: [],
  columnsinfo: [
    {
      prop: 'userName',
      label: '原协办客户经理名称',
      fixed: true,
      width: '120',
    },
    {
      prop: 'updatedBy',
      label: '协办类型',
      fixed: true,
    },
    {
      prop: 'updatedBy',
      label: '调配协办人名称',
      fixed: true,
    },

    {
      prop: 'updatedBy',
      label: '调配协办人所属机构',
      fixed: true,
    },
    {
      prop: 'updatedBy',
      label: '调配协办人编号',
      fixed: true,
    },
  ],
};
</script>
